.circle-container {
  height: 100%;
  background-color: rgba($color: #000000, $alpha: 1);
  .circle-item {
    position: absolute;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    &:hover {
      transform: scale(1.2);
      z-index: 1;
    }
    .text,
    .value {
      color: #fff;
      text-align: center;
    }
    .value{
      font-size: 16px;
    }
  }
}
